const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    host: 'localhost',
    port: 3000,
    open: true,
    proxy: {
      // 作用前提是所有的请求必须以/api开头 前面什么都不能有
      [process.env.VUE_APP_BASEURL]: {
        // 代理源的地址
        target: 'https://www.fastmock.site/mock/ff27367862b33cfa5fc059ca2c6ed728',
        // 是否切换源
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
        /*
          真实发送的服务代理后 地址时
          target+pathRewrite的值+每个请求的path
        */
      }
    }
  },
  lintOnSave: false,
  // 自定义路径别名
  chainWebpack: config => {
    config.resolve.alias
      .set('@', path.join(__dirname, 'src'))
      .set('_views', path.join(__dirname, 'src/views'))
      .set('_components', path.join(__dirname, 'src/components'))
      .set('_utils', path.join(__dirname, 'src/utils'))
      .set('_api', path.join(__dirname, 'src/api'))
  }
})
